<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      pe: process.env,
      pic:
        'https://moonvy.com/project/4c7fa9e2-98e6-4dec-917f-0d2c806717a4/fd755e2f-698b-4e49-af1c-3f5e8fb6dc9e',
    };
  },

  computed: {},
  methods: {
    test: function() {
      console.log(this); //箭头函数会将this指向vue以外
    },
  },
  beforeCreate: function() {},
  created: function() {},
  beforeMount: function() {},
  mounted: function() {
    console.log(this.$config);
    // this.$api
    //   .testGet()
    //   .then((res) => {
    //     console.log(res);
    //   })
    //   .catch((err) => {
    //     console.log(err);
    //   })
    //   .finally(() => {});
  },
  beforeUpdate: function() {},
  updated: function() {},
  beforeDestroy: function() {},
  destroyed: function() {},
};
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}
</style>
